import { hitokoto } from '../../type/hitokoto'
import styles from "./style.module.scss"
export default function TikoDetailCard(hitokoto:hitokoto):JSX.Element {
  return (
    <div className={styles.mainCard}>
         <div className={styles.hitokoto}>
            {hitokoto?.hitokoto}
        </div>
        <div className="id">
            id:{hitokoto?.id}
        </div>
        <div className="type">
            类型:{hitokoto?.type}
        </div>
        <div className="from">
            出处:{hitokoto?.from}
        </div>
        <div className="from_who">
            作者:{hitokoto.from_who?hitokoto.from_who:"未描述"}
        </div>
        <div className="uuid">
            uuid:{hitokoto?.uuid}
        </div>
        <div className='length'>
            长度:{hitokoto?.length}
        </div>
    </div>
  )
}
